<template>
	<view class="content">
		<view style="margin: 30rpx; border: 0px green solid;width:100%;margin-top: 50rpx;">
			
			<uni-search-bar 
			placeholder="输入身份证号码" 
			v-model="searchValue" 
			cancelButton="none"
			class="searchClass"
			>
			</uni-search-bar>	
				
				<button type="primary" @click="sousuo">搜索</button>
		</view>

	

	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				searchValue: ''
			}
		},
		onLoad() {

		},
		methods: {
			sousuo(){
				if (!this.searchValue) {
					return uni.showToast({
						title: '身份证号码不能为空',
						icon: 'none'
					})
				}
				console.log('11111111',this.searchValue)
				//http://tw294do87802.vicp.fun/View/MGRIndex.aspx?LXDH=
				// uni.navigateTo({
				// 	url: 'http://tw294do87802.vicp.fun/View/MGRIndex.aspx?LXDH='+this.searchValue
				// });
				// uni.openUrl({
				// 	url: 'http://tw294do87802.vicp.fun/View/MGRIndex.aspx?LXDH='+this.searchValue
				// });
				window.location.href = 'http://tw294do87802.vicp.fun/View/MGRIndex.aspx?SFZH='+this.searchValue
			},

		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	.search-result {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}

	.search-result-text {
		text-align: center;
		font-size: 14px;
		color:#666;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 0px;
	}

	.uni-mt-10 {
		margin-top: 10px;
	}
	.searchClass{

		height: 80rpx;
		border: 0px red solid;
	}
</style>
